<template>
  <div class="detail">
    <c-section title="门店建设基本信息">
      <template v-slot:right>
        <c-abnormal-preview path="/storeConstruction/exceptionManage" :query="{ constCode: detail.constCode, functionModel: 'SHOP_DECORATION' }" />
      </template>
      <c-list :column="3">
        <c-list-item label="门店编码" :value="detail.shopCode" />
        <c-list-item label="门店" :value="detail.shopName" />
        <c-list-item label="所属客户编码" :value="detail.clientCode" />
        <c-list-item label="所属客户" :value="detail.clientName" />
        <c-list-item label="所属办事处" :value="detail.officeName" />
        <c-list-item label="门店类型" dict-type-code="SHOP_TYPE" :value="detail.shopType" />
        <c-list-item label="门店业务类型" dict-type-code="BIZ_TYPE" :value="detail.shopBizType" />
        <c-list-item label="门店城市级别" dict-type-code="CITY_LEVEL" :value="detail.shopCityLevel" />
        <c-list-item label="门店详细地址" :value="detail.shopAddress" :span="2" />
        <c-list-item label="门店经营面积" suffix="m²" :value="detail.shopArea || 0" />
        <c-list-item label="门店建设项目号" :value="detail.constCode" />
        <c-list-item label="报图类型" dict-type-code="MARKET_TYPE" :value="detail.marketType" />
        <c-list-item label="门店建设类型" dict-type-code="CONST_TYPE" :value="detail.constType" />
        <c-list-item label="商家类别" dict-type-code="BIZMAN_TYPE" :value="detail.bizmanType" />
        <c-list-item label="装修形式" dict-type-code="DECORATION_FORM" :value="detail.decorationFormCal || detail.decorationForm" />
        <c-list-item label="门店建设范围" dict-type-code="DECORATION_RANGE" :value="detail.decorationRange" />
      </c-list>
    </c-section>
    <c-section title="验收数据">
      <c-list :column="3" label-width="135px">
        <c-list-item label="验收类型" dict-type-code="ACCEPT_TYPE" :value="detail.acceptType" />
        <c-list-item label="报验申请人" :value="detail.applyInformantName" />
        <c-list-item label="实际报验申请时间" :value="detail.actualInspectionTime" />
        <c-list-item label="是否含公装" dict-type-code="BOOLEANS" :value="detail.haveFrock" />
        <c-list-item label="工程监理" :value="detail.proSupervisorName" />
        <c-list-item label="形象督导" :value="detail.formSupervisorName" />
        <c-list-item label="装修范围" dict-type-code="DECORATION_RANGE" :value="detail.range" />
        <c-list-item label="施工单位" :value="detail.constUnitName" />
        <c-list-item label="施工单位负责人" :value="detail.principal" />
        <c-list-item label="是否验收" dict-type-code="BOOLEANS" :value="detail.isAccept" />
        <c-list-item label="不验收原因" :value="detail.unacceptReason" :span="3" />
        <c-list-item label="验收资料审核结果" zero="不通过" one="通过" :value="detail.acceptReviewResult" />
        <c-list-item label="验收申请审核通过时间" :value="detail.accApplyPassTime" />
        <c-list-item label="验收资料审核意见" :value="detail.acceptReviewAdvice" :span="3" />
        <c-list-item label="验收卖场总面积" suffix="m²" :value="detail.acceptShopTotalArea || 0" />
        <c-list-item label="验收门头总面积" suffix="m²" :value="detail.acceptDheadTotalArea || 0" />
        <c-list-item label="验收整装总面积" suffix="m²" :value="detail.acceptWholeTotalArea || 0" />
        <c-list-item label="验收简装总面积" suffix="m²" :value="detail.acceptSimpleTotalArea || 0" />
        <!-- <c-list-item label="非本次验收区域总面积" suffix="m²" :value="detail.nonAcceptanceTotalArea || 0" /> -->
        <c-list-item label="非本次验收门头总面积" suffix="m²" :value="detail.unAccDheadArea || 0" />
        <c-list-item label="非本次验收卖场总面积" suffix="m²" :value="detail.unAccShopArea || 0" />
        <c-list-item label="本次装修业务类型" dict-type-code="DECORATION_BIZ_TYPE" label-width="140px" :span="2" :value="detail.decorationBizType" />
        <c-list-item label="验收面积汇总" :value="detail.areaSummaryDesc" :span="3" />
        <c-list-item label="预计验收时间" :value="detail.exceptAcceptTime" />
        <c-list-item label="门楣核算" :value="detail.lintelAccounting" :span="3" />
        <c-list-item label="异常申请核实结果" :value="detail.exceptionVerifyResult" :span="3" />
        <c-list-item label="验收项目专员" :value="detail.accepterName" />
        <c-list-item label="实际验收时间" :value="detail.actualAcceptTime" />
        <c-list-item label="安排验收备注" :value="detail.acceptRemark" :span="2" />
        <c-list-item label="验收进度" dict-type-code="DECORATION_SCHEDULE" :value="detail.acceptSchedule" />
        <c-list-item label="结案类型" dict-type-code="DECORATION_CLOSED_TYPE" :value="detail.acceptEndType" />
        <c-list-item label="异常类型" :value="detail.exceptionName" />
        <c-list-item label="异常说明" :value="detail.exceptionDesc" :span="3" />
      </c-list>
    </c-section>
    <RelevanceData :unit-code="detail.constUnitCode" type="HARD" />
    <div class="btn-container">
      <c-button type="primary" @click="clickBackHandle">返回</c-button>
    </div>
  </div>
</template>
<script>
import { getApplyDetail } from '@/api/check'
import RelevanceData from './components/relevanceData'
export default {
  name: 'CheckHardDetail',
  components: {
    RelevanceData
  },
  data() {
    return {
      detail: {}
    }
  },
  created() {
    this.getDetail()
  },
  methods: {
    getDetail() {
      const { id } = this.$route.query
      getApplyDetail(id).then(res => {
        this.detail = res.data
      })
    },
    clickBackHandle() {
      this.$store.dispatch('views/goBack')
    }
  }
}
</script>
<style lang="scss" scoped>
.detail{

}
</style>
